<template>
    <div class="home container">
        <!-- banner -->
        <banner></banner>
        <!-- 推荐歌单 -->
        <recommend-songs></recommend-songs>
        <!-- 推荐新音乐 -->
        <recommend-music></recommend-music>
        <!-- 推荐歌手 -->
        <recommend-singer></recommend-singer>

    </div>
</template>

<script>
import Banner from '../../components/home/banner/Banner'
import RecommendSongs from '../../components/home/recommend-songs/Index'
import RecommendMusic from '../../components/home/recommend-music/Index';
import RecommendSinger from '../../components/home/recommend-singer/Index';
export default {
    name: 'Home',
    components: {
        Banner,
        RecommendSongs,
        RecommendMusic,
        RecommendSinger
    },
    data() {
        return {

        }
    },
    created() {

    },
    methods: {

    },
}
</script>

<style lang="less" scoped>
.home {
    min-width: 1080px;
}
</style>